<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>考点详解</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

    <!-- 固定的css 和 common.js 的引用    -->
    <link rel="stylesheet" href="http://47.104.254.28/commonfile/css/sm.min.css">
		<link rel="stylesheet" href="http://47.104.254.28/commonfile/css/sm-extend.min.css">
		<link rel="stylesheet" href="http://47.104.254.28/commonfile/css/common.css">
		<script type="text/javascript" src="http://47.104.254.28/commonfile/common/common/common.js"></script>
		
		<!-- <script type="text/javascript" src="http://47.104.254.28/commonfile/js/js/vconsole.min.js"></script>
		<script>
			var vConsole = new VConsole();
		</script> -->
    
    
<style type="text/css">
  /*css 的样式都放在这里*/
 	/*content区外层*/
  	#kaodianxiangjie_content{
  		/*border: solid 1px red;*/
  		width:100%;
  		/*height: 100%;*/
  		background-color: white;
  		z-index: 10;
  	}
  	/*content区insert层*/
  	#kaodianxiangjie_content_insert{
  		/*border: solid 1px black;*/
  		width: 92%;
  		margin-left: 4%;
  		padding-top: 7px;
		word-wrap: break-word;
  	}
  	/*shadow层*/
  	#kaodianxiangjie_shadow{
  		position: absolute;
  		left: 0px;
  		top: 0px;
  		height: 100%;
  		width: 100%;
  		background-color: black;
  		opacity: 0.5;
  		z-index: 15;
  		display: none;
  	}
  	/*picture层*/
  	#kaodianxiangjie_picture{
  		/*background-color: white;*/
  		position: absolute;
  		/*left: 0rem;*/
  		top: 9rem;
  		/*width: 19rem;*/
  		width: 100%;
  		/*height: 15rem;*/
  		text-align: center;
  		z-index: 20;
  		/*border: solid red 2px;*/
  		display: none;
  	}
  	/*#kaodianxiangjie_picture img{
  		width: 18rem;
  		height: auto;
  	}*/
	.content img{
		/* width: 10rem; */
	}
	.swiper-slide{
		text-align: center;
		
		width:150px;
        height: 100px;
        display: table-cell;
        vertical-align: middle;
        height: auto;
	}
	/*背景色*/
	.page.page-current{
		background-color: white;
	}
  	
</style>


</head>
<body>
<div class="page-group">
    <div class="page page-current">
       <div class="content" >
        <!-- html代码内容区域 -->
        <!--内容区-->

		<div id="kaodianxiangjie_content" >
			<div  id="kaodianxiangjie_content_insert">
				<div id="kaodianxiangjie_content_first">
					<!--title-->
				</div>
				<div id="kaodianxiangjie_content_second">
					<!--content-->
          
				</div>
			</div>
		</div>
		<!--点击触发图-->
		<!--暂时存放，要删除-->
		<!-- <div onclick="openPhoto()">
			点击图
		</div> -->
		
    </div>
    </div>
</div>

 







<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
<script type="text/javascript" src="http://47.104.254.28/commonfile/js/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>
<script type='text/javascript' src='http://47.104.254.28/commonfile/zepto/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://47.104.254.28/commonfile/js/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://47.104.254.28/commonfile/js/js/sm-extend.min.js' charset='utf-8'></script>


<script type="text/javascript">

var myPhotoBrowserStandalone;


// 函数区域，函数放在“初始化区域的上面”
	function getParams(data){
	    // data需要转成json调用 ，函数urlParamParseJson();
	    var jsonData = urlParamParseJson(data);
	    var params = {
	    }
	    //网络请求框架，需要传入成功函数回调和 失败函数回调
	    net_request('get','api/v1/keynotes/'+jsonData.id,params,successCallBack,errorCallBack);
	}

  	//成功的回调函数
  	function successCallBack(data){
	      if(isNotNull(data)){
	        console.log(data);
	        if(data.success==true){
	          	var curval = data.data;
	          	if(isNotNull(curval.keynote_title)){
	             	//$$("#kaodianxiangjie_content_first").text(curval.keynote_title);
	          	}
	          	if(isNotNull(curval.keynote_content)){
	             	$$("#kaodianxiangjie_content_second").html(curval.keynote_content);
	          	}
	          	if(isNotNull(curval.images)){
//	          		console.log(curval.images[0].img);
	          		var imgh = "";
	          		var imgzu=new Array();
	          		for(var i=0;i<curval.images.length;i++){
	          		
						      imgzu[i]=curval.images[i].img;
	          		}
//	          		单击事件
	          		myPhotoBrowserStandalone = $.photoBrowser({
					         photos : imgzu,
					         type:"popup",
					         ofText:" / "
					      });
					
	          	}
	        }
	    }
	}
	
  	// 失败的回调函数
  	function errorCallBack(data){
    	console.log(data);
  	}


    //打开图片展示
    function openPhoto(){
      if(typeof(myPhotoBrowserStandalone) == "undefined"){
      }else{
        myPhotoBrowserStandalone.open();
      }
      
    }

   // 初始化区域
   	$$(function () {
			//  getParams("xx?id="+1);
   	
      	$.init();
   	});
  
    
</script>
</body>
</html>